﻿<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Splitter</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

    
    <script src="../../scripts/boot.js" type="text/javascript"></script>
    
       

</head>
<body>
    <h1>Splitter 分割器</h1>      
    
    <h4>横向分割器</h4>
<div class="mini-splitter" style="width:350px;height:200px;">
    <div size="30%" showCollapseButton="true" style="padding:5px;">
        1
    </div>
    <div showCollapseButton="true">
        2
    </div>        
</div>


    <h4>竖向分割器</h4>
<div class="mini-splitter" vertical="true" style="width:350px;height:200px;">
    <div size="30%" showCollapseButton="true">
        1
    </div>
    <div showCollapseButton="true">
        2
    </div>        
</div>

    
    <script type="text/javascript">
        
    </script>

    <div class="description">
        <h3>Description</h3>
        <p>            
        </p>
    </div>
</body>
</html>